/* 阿里字体库 */
@font-face {
	/* 主体使用 */
	font-family: "webfontR";
	font-display: swap;
	src: url('../icon/Alibaba-PuHuiTi-Regular.otf');
	/* IE9 */
}

@font-face {
	font-family: "webfontM";
	font-display: swap;
	src: url('../icon/Alibaba-PuHuiTi-Medium.otf');
}

.selectTimeDian .el-date-editor.el-input, .el-date-editor.el-input__inner{
	width: 200px !important;
}

.el-textarea__inner{
	height: 80px !important;
}

html,
body {
	background-color: rgba(0,0,0,0);
	font-family: "webfontR" !important;
	font-size: 18px;
	cursor: auto;
}
body{
	box-sizing: border-box;
}

button {
	/*font-size: 14px !important;*/
	font-family: "webfontR" !important;
}

/*首页头部导航*/
/* CSS */
#app {
	width: 100%;
	height: 100%;
	font-size: 16px;
}

.app-tab {
	width: 100%;
	height: 150px;
	background: #222222;
}

.app-tab>div {
	margin-right: 50px;
	padding: 25px 30px;
	border-radius: 4px;
}

.tooltip-peizhi {
	overflow: hidden;
	z-index: 100;
	position: fixed;
	right: 30px;
	bottom: 40px;
	width: 70px;
	height: 70px;
	text-align: center;
	line-height: 70px;
	font-size: 14px;
	color: #ffffff;
	border-radius: 50%;
	background: linear-gradient(to bottom, #25B5FF, #1891FF);
	box-shadow: 0 0 4px rgba(0,0,0,0.5);
	cursor: pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

.tooltip-peizhi>span:hover {
	text-shadow: 0 0 4px  rgba(0,0,0,0.5);
}

.prject-list-title {
	color: #242424;
	font-size: 18px;
}
/* 存储目录 */
.project-storage-content,.project-storage {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.selectName {
	width: 360px;
	font-size: 16px;
	border: none;
	display: inline-block;
	height: 40px;
	background: #fafafa;
	border-radius: 6px;
	line-height: 40px;
	padding-left: 20px;
	padding-right: 20px;
	margin-right: 20px;
	margin-left: 20px;
	box-sizing: border-box;
}


.wdjx {
	color: #6CB909;
}
.tpgl {
	color: #D473D4;
}
.wdsc {
	color: #1BCAF4;
}

.wdjx:hover {
	background: #6CB909;
	color: #222222;
	box-shadow: 0 0px 50px #6CB909;
}
.tpgl:hover {
	background: #D473D4;
	color: #222222;
	box-shadow: 0 0px 50px #D473D4;
}
.wdsc:hover {
	background: #1BCAF4;
	color: #222222;
	box-shadow: 0 0px 50px #1BCAF4;
}
.wdjxSelect {
	background: #6CB909;
	color: #222222;
	box-shadow: 0 0px 50px #6CB909;
}
.tpglSelect {
	background: #D473D4;
	color: #222222;
	box-shadow: 0 0px 50px #D473D4;
}
.wdscSelect {
	background: #1BCAF4;
	color: #222222;
	box-shadow: 0 0px 50px #1BCAF4;
}


/* 标题字体 */
.titleWebfontM {
	font-family: "webfontM" !important;
}

.routerView {
	position: absolute;
	top: 150px;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
}

/* 小手 */
.cursor-pointer {
	cursor: pointer;
}

/* 主体字体颜色 */
.subjectColor {
	color: #447DF3;
}

/* 主体背景颜色 */
.subjectBgColor {
	background: #F0F2F5;
}

.backgroundColor_ffffff {
	background: #ffffff;
}

.backgroundColor_FAFAFB {
	background: #FAFAFB;
}

/* 主体小块颜色  */
.subjectSmallPiecesBgColor {
	background: #447DF3;
}

/* 总容器的样式 */
#ux-office {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

/* input选中时的边框 */
input {
	border: 0;
	background-color: rgba(0, 0, 0, 0);
}
input:focus{
   outline: none;
   border: 1px solid #447df3 !important
}

/* 主题颜色 */
.background_d3dce6 {
	background: #d3dce6;
}

/* displa:flex */
.display_flex_center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.display_flex_start {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.display_flex_end {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.display_flex_around {
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.display_flex_between {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.flex_wrap {
	flex-wrap: wrap;
}

.border_bottom_tab {
	display: block;
	width: 32px;
	height: 4px;
	border-radius: 2px;
	background: none;
	margin: 0 auto;
	margin-top: 16px;
}

.border_bottom_tab_select {
	display: block;
	width: 32px;
	height: 2px;
	border-radius: 2px;
	background: #447DF3;
	margin: 0 auto;
	margin-top: 12px;
}

.tabIndexEnd {
	margin-left: 60px;
}

.selectTabClass {
	color: #49a7ff;
	border-bottom: 2px solid #1e92fe !important;
}

/* 按钮样式 */
.buttonsAll {
	border-radius: 6px;
	font-size: 18px;
	border: none;
	padding: 8px 28px;
	outline: 0 none;
}

.haveBorder_button {
	background: rgba(68, 125, 243, 1);
	color: #ffffff;
}

.noHaveBorder_button {
	background: none;
	color: rgba(68, 125, 243, 1);
}


/* element-ui样式覆盖 */
/* 弹框 */
.el-dialog__wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
}

.el-dialog {
	margin: 0 auto !important;
}

.el-dialog--center {
	margin-top: 0 !important;
}

/* 时间input */
input {
	font-family: "webfontR" !important;
}

.el-range-editor.el-input__inner {
	width: 100% !important;
	font-family: "webfontR" !important;
}


/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
	width: 8px;
	height: 8px;
	background-color: rgba(0, 0, 0, 0);
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
	border-radius: 8px;
	background-color: transparent;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
	border-radius: 8px;
	-webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0);
	background-color: rgba(0, 0, 0, .15);
}

/* 字体大小 */
.font_size_14 {
	font-size: 14px;
}

.font_size_18 {
	font-size: 18px;
}

.font_size_20 {
	font-size: 20px;
}

.el-form-item {
	margin-bottom: 6px !important;
}

/* 视频 */
.video-player{
	height: 100% !important;
}
.vjs_video_5177-dimensions,.vjs-fluid{
	padding-top: 0 !important;
	height: 100% !important;
}
.vjs-big-play-button{
	display: none !important;
}

/*elemrnt-ui  form*/
.el-form-item__label{
	font-size: 14px !important;
	color: #6D6D6D !important;
	padding: 0 20px 0 0 !important;
	line-height: 30px !important;
}
.el-form-item__content{
	line-height: 30px !important;
}
.el-input__inner{
	/*border: none !important;*/
	background: #F4F4F4 !important;
	height: 32px !important;
	line-height: 32px !important;
}
.el-row{
	margin-top: 20px;
}
.el-textarea__inner{
	color: #606060 !important;
	font-size: 14px !important;
	font-family: "webfontR" !important;
	background: #fafafb !important;
	border: 1px solid #fafafb !important;
}
.el-input__prefix{
	display: none;
}
/*.el-input__suffix{*/
/*	display: none;*/
/*}*/

.authorContent .el-input,.authorContent .el-input input{
	width: 100%;
	height: 40px !important;
	color: #262626;
	font-size: 18px;
}

.startDate input,.endDate input{
	padding-left: 10px !important;
	padding-right: 10px !important;
}
.startTimes input,.endTimes input{
	padding-left: 12px !important;
	padding-right: 12px !important;
}


.startTimes .el-form-item__error,.endTimes .el-form-item__error{
	width: 86px;
	left: -60px;
}
.endDate .el-form-item__error{
	left: -46px;
}

/*穿梭框*/
.xzwfzUserIsShowDialog{
	margin: 0 auto;
	margin-top: 20px;
}
/*.el-transfer{*/
/*	display: flex;*/
/*	justify-content: center;*/
/*	align-items: center;*/
/*}*/
/*.el-transfer__buttons{*/
/*	padding: 0 10px !important;*/
/*}*/
/*.el-transfer__buttons>button{*/
/*	padding: 0;*/
/*	width: 24px;*/
/*	height: 24px;*/
/*	display: block;*/
/*	margin-left: 0;*/
/*	border-radius: 2px !important;*/
/*	border-width: 1px !important;*/
/*}*/
/*.el-transfer__buttons .el-button+.el-button{*/
/*	margin-left: 0;*/
/*}*/

/* .el-transfer__buttons .is-disabled{*/
/*	background:rgba(255,255,255,1) !important;*/
/*	border-color: #A0A3A8 !important;*/
/*}*/
/*.el-transfer__buttons .is-disabled>span{*/
/*	color: #AFB1B6;*/
/*}*/
/*.el-transfer-panel .el-transfer-panel__header{*/
/*	background: none !important;*/
/*	border-bottom: 1px solid rgba(239,240,241,1) !important;*/
/*}*/
/*.el-transfer-panel{*/
/*	width: 208px !important;*/
/*	height: 360px !important;*/
/*}*/
/*.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label{*/
/*	font-size: 14px !important;*/
/*}*/
/*.el-transfer-panel{*/
/*	border:1px solid rgba(0,0,0,0.15) !important;*/
/*	border-radius: 4px !important;*/
/*}*/
/*.el-transfer-panel .el-transfer-panel__empty{*/
/*	display: none;*/
/*} */

.switch-views .el-input__inner{
	/* width: 106px !important; */
	height: 68px !important;
	line-height: 68px !important;
	border-radius: 0;
}
.el-upload-dragger{
    background-color: #fff;
    border: 1px solid #d9d9d9 !important;
    border-radius: 0px !important;
    box-sizing: border-box !important;
	height: 59px !important;
	width: 411.16px !important;
	border-top: none !important;
	border-bottom-left-radius:4px !important;
	border-bottom-right-radius:4px !important;
}

 .el-upload-dragger .el-icon-upload{
	margin: 0 0 0 !important;
}


 /*滑块*/
.voiceSlide .el-slider.is-vertical{
	margin-top: 6px;
}
.voiceSlide .el-slider.is-vertical .el-slider__runway{
	margin: 0 8.5px;
	width: 4px;
}
.voiceSlide .el-slider__runway{
	background: #868686;
}
.voiceSlide .el-slider__bar{
	background: #52C41A;
}
.voiceSlide .el-slider.is-vertical .el-slider__bar{
	width: 4px;
}
.voiceSlide .el-slider.is-vertical .el-slider__button-wrapper{
	left: -2px;
}
.voiceSlide .el-slider__button-wrapper{
	height: 30px;
	width: 8px;
}
.voiceSlide .el-slider__button{
	border: none;
	width: 8px;
	height: 8px;
	background: #52C41A;
}


.FoldedPanelContent .el-checkbox__label,.FoldedPanelContent .el-checkbox{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.FoldedPanelContent .el-checkbox{
	margin-top: 10px;
}
.FoldedPanelContent .el-checkbox__input.is-checked+.el-checkbox__label{
	color: #ffffff;
	border-color: #447df3;
}
.FoldedPanelContent .el-checkbox__input.is-focus .el-checkbox__inner{
	color: #ffffff;
	border: 1px solid #a0a3a8;
}
.FoldedPanelContent .el-checkbox__label>span{
	margin-left: 10px;
}
.FoldedPanelContent .el-checkbox__inner{
	background: none;
	border: 1px solid #a0a3a8;
}
.FoldedPanelContent .el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner{
	background: none;
	border: 1px solid #447df3;
}
.FoldedPanelContent .el-checkbox__inner::after{
	border-color: #447df3;
}

/*提示信息*/
.el-message{
	z-index: 1000002 !important;
}
.el-message--success{
	background: #ffffff;
	border-radius: 2px;
	box-shadow: 0px 9px 28px 8px rgba(0,0,0,0.05), 0px 6px 16px 0px rgba(0,0,0,0.08), 0px 3px 6px -4px rgba(0,0,0,0.12);
}

.el-button--text {
    color: #447df3 !important;
    font-size: 13px !important;
}

::-webkit-input-placeholder { /* WebKit browsers */
	color: #A0A3A8 !important;
	font-size: 14px;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #A0A3A8 !important;
	font-size: 14px;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #A0A3A8 !important;
	font-size: 14px;
}

.project-name>input::-webkit-input-placeholder { /* WebKit browsers */
	font-size: 18px !important;
}

.project-name>input::-moz-placeholder { /* Mozilla Firefox 19+ */
	font-size: 18px;
}

.project-name>input:-ms-input-placeholder { /* Internet Explorer 10+ */
	font-size: 18px;
}

/*添加编辑参试着备注样式*/
.beiZhu .el-textarea__inner,.dragFiles .el-upload-dragger,.projectMiaoShu .el-textarea__inner{
	background: #FAFAFB;
	border: none !important;
}


.el-textarea__inner:focus{
	outline: none;
	border: 1px solid #447df3 !important
}


.createQuestionStyle >.el-form .el-form-item {
    margin-bottom: 10px !important;
}

/*下拉框图标*/
.el-input__icon{
	line-height: 30px !important;
}

/*去掉参事者弹框  *号 */
.add-tester-form-Dialog .el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:before,.add-tester-form-Dialog .el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before{
	display: none;
}

.searchQxfx .el-cascader{
	height: 30px;
	line-height: 30px;
}
.searchQxfx .el-cascader-menu__wrap{
	height: 64px;
}

.userMethodMapHead .el-checkbox{
	margin-right: 0;
	margin-left: 20px;
}

/*预测试*/
#eYutest input{
	width: 210px;
}
#eYutest textarea{
	width: 565px;
}
#eYutest .el-textarea{
	display: block;
	margin-bottom: 10px;
}
#eYutest .el-input--prefix .el-input__inner{
	padding-left: 15px;
}

.el-step__icon{
	width: 20px !important;
    height: 20px !important;
}

.el-step__title{
	font-size: 14px !important;
}

.el-step__title.is-process {
    font-weight: 400 !important;
}
.el-step__icon.is-text {
    border: 1px solid !important;
}
.el-step.is-horizontal .el-step__line {
    height: 1px !important;
}
.el-step__icon-inner {
    font-weight: normal !important;
}
.el-step__head.is-success {
    color: #447DF3 !important;
    border-color: #447DF3 !important;
}
.el-step__title.is-success {
    color:  #000000 !important;
}
/*!*情绪分析*!*/
/*#qxfxEcharts>div,#qxfxEcharts>div>canvas{*/
/*	width: 100% !important;*/
/*}*/

.OpportunityPoint .el-textarea__inner{
	background: none !important;
	border: 1px solid #d5d5d5 !important;
	box-sizing: border-box !important;
}


.el-textarea__inner:focus{
	outline: none;
	border: 1px solid #447df3 !important
}

/*element-ui popover弹出层*/
.el-popover__title{
	font-size: 14px !important;
	color: #262626 !important;
}
.el-popover--plain{
	color: #6D6D6D !important;
}

/*新增测试任务  select宽度*/
.addtestData .el-select{
	width: 100% !important;
}

/*导出报告  el-check*/
.exportContentCheckbox .el-checkbox{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-right: 0 !important;
	padding-right: 10px;
	box-sizing: border-box;
	margin-bottom: 10px;
	height: 16px;
	line-height: 16px;
	color: #6D6D6D;
}
.exportContentCheckbox .el-checkbox__label{
	line-height: 16px;
	font-size: 12px;
	color: #6D6D6D;
}


/*element-ui  message*/
.el-message--success .el-message__content,.el-message--error .el-message__content,.el-message--warning .el-message__content{
	color: #6D6D6D !important;
	font-size: 14px;
}
.el-message{
	width: auto !important;
	border-width: 0px !important;
	min-width: auto !important;
	padding: 10px 15px !important;
	background: #ffffff !important;
	border-radius: 4px !important;
	box-shadow: 0px 9px 28px 8px rgba(0,0,0,0.05), 0px 6px 16px 0px rgba(0,0,0,0.08), 0px 3px 6px -4px rgba(0,0,0,0.12) !important;
}
.el-message__icon{
	margin-right: 6px !important;
}
.el-select-dropdown__item{
	color: #6D6D6D !important;
	font-size: 14px !important;
}
.el-select-dropdown__item.selected, .el-cascader-node.is-selectable.in-checked-path{
	color: #262626 !important;
	font-size: 14px !important;
}

/*时间*/
.el-picker-panel,.el-select-dropdown,.el-time-panel,.el-cascader__dropdown{
	z-index: 1000002 !important;
}

.selectDelHover:hover img{
	display: block;
}
.selectDelHover:hover span{
	color: #6D6D6D !important;
}
.selectDelHover>img{
	display: none;
}
.selectDelHover>span{
	color: #262626 !important;
	font-weight: normal;
}

.zdylbInput input{
	text-align: right !important;
}


/*时间选择按钮*/
.el-time-panel__footer{
	padding: 9px 6px !important;
	height: 46px !important;
}
.el-date-table td.current:not(.disabled) span,.el-date-table td.end-date span, .el-date-table td.start-date span{
	color: #ffffff !important;
	background-color: rgb(68, 125, 243) !important;
}
.el-date-table td.today span{
	color:  rgb(68, 125, 243) !important;
}
.el-date-table td.today span:hover{
	color:  rgb(68, 125, 243) !important;
}
.el-date-table td.current:not(.disabled) span:hover{
	color: #ffffff !important;
}
.time-select-item.selected:not(.disabled){
	color:  rgb(68, 125, 243) !important;
}

.el-time-panel__footer .confirm,.el-picker-panel__footer .el-button--default {
	line-height: 25px !important;
	padding: 0 11px !important;
	margin: 0 5px;
	font-size: 12px;
	color: #ffffff !important;
	border: 1px solid #447DF3;
	background: #447DF3;
	border-radius: 4px;
	box-sizing: border-box;
	font-family: "webfontR" !important;
	opacity: 1;
}
.el-button--default:focus, .el-button--default:hover{
	background: #447DF3!important;
	color: #ffffff !important;
	border:1px solid #447DF3;
	opacity: 0.8;
}
.el-time-panel__footer .cancel,.el-picker-panel__footer .el-button--text {
	line-height: 25px !important;
	padding: 0 11px !important;
	margin: 0 5px;
	font-size: 12px;
	color: #262626 !important;
	border: 1px solid #D5D5D5;
	background: none;
	border-radius: 4px;
	box-sizing: border-box;
	font-family: "webfontR" !important;
	opacity: 1;
}
.el-button--text:focus, .el-button--text:hover{
	background: rgba(172,199,255,0.2) !important;
	color: #262626 !important;
	border: 1px solid #447df3 !important;
}

.el-checkbox__input.is-checked+.el-checkbox__label{
	color: #447DF3 !important;
}
.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner{
	background-color: #447DF3 !important;
	color: #447DF3 !important;
}

.el-upload-dragger .el-upload__text em{
	color: #447DF3 !important;
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{
	background-color: #F2F6FC !important;
}
.el-checkbox__input.is-disabled+span.el-checkbox__label{
	color: #C0C4CC !important;
}


/*情绪分析时间  文本样式*/
.qxfxTimeKuang .el-input--prefix .el-input__inner{
	padding-left: 15px !important;
}


.thisTestUser .el-form-item__label{
	margin-top: 10px;
}
.question-create .el-select{
	width: 176px;
}
.wtlbInput>div:nth-child(2){
	width: 548px !important;
}

/*下拉选择*/
/*.el-select-dropdown__item{*/
	/*width: 563px !important;*/
/*}*/


.refineRightChecked .el-checkbox__inner::after{
	border-color: #ffffff;
}


/*窗口  最大、最小、关闭*/
.kongzhiWindow {
	position: fixed;
	top: 14px;
	right: 0;
	width: auto;
	z-index: 1000;
}

.windowMethod img {
	cursor: pointer;
}

.windowMethod img:nth-child(3) {
	margin-right: 30px;
}

/*element-ui  图片预览*/
.el-image-viewer__wrapper{
	z-index: 1000001 !important;
}
.el-icon-circle-close{
	color: #ffffff !important;
}
.el-image{
	display: flex !important;
}
/*.el-image-viewer__mask{*/
	/*opacity: 0 !important;*/
/*}*/

/*正在下载新的  exe程序*/
.upload-testing .el-progress-bar__outer{
	background: #E9E9E9 !important;
}
.upload-testing .el-progress-bar__inner{
	line-height: 10px !important;
}
.upload-testing .el-progress-bar__innerText{
	font-size: 10px !important;
}

.zdysxmbElForm{
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.zdysxmbElInput .el-input__inner{
    padding: 0 10px !important;
}
.zdysxmbElForm .el-form-item__content{
	margin-left: 0 !important;
}
.zdysxmbElForm  .el-input__inner{
	width: 375.48px !important;
}

.zdysxmbElForm .el-form-item__label{
	width: 88px !important;
	margin-left: 18px !important;
	line-height: 14px !important;
}
.upload-demo .el-upload--text{
	width: 100%;
}
.upload-demo .el-upload-dragger{
	width: 100% !important;
}

.projectDrtailXmcy .el-form-item__label{
	padding-right: 12px !important;
	width: 92px !important;
}
.projectDrtailXmcy .el-form-item__content{
	margin-left: 92px !important;
}


/*问题列表表格处理*/
.question-table-box .el-table .cell{
	height: 23px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
